<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <!-- 指定页面使用的字符编码为UTF-8 -->
    <meta charset="UTF-8" />
    <!-- 设置页面标题为“个人中心” -->
    <title>个人中心</title>
    <!-- 引入基础样式表 -->
    <link rel="stylesheet" href="../css/base.css" />
    <!-- 引入个人中心页面专用样式表 -->
    <link rel="stylesheet" href="../css/self.css" />
  </head>

  <body>
    <!-- 页面头部，包含个人中心标题和导航链接 -->
    <div class="header">
      <h1>个人中心</h1>
      <div class="nav-links">
        <!-- 修改密码链接 -->
        <a href="./rpwd.html">修改密码</a>
        <!-- 回到首页链接 -->
        <a href="./index.html">回到首页</a>
      </div>
    </div>

    <!-- 个人资料容器 -->
    <div class="profile-container">
      <!-- 个人资料表单 -->
      <form class="profile-form">
        <!-- 用户名输入组，输入框被禁用 -->
        <div class="form-group">
          <label>用户名：</label>
          <input type="text" id="username" class="username" disabled />
        </div>

        <!-- 年龄输入组 -->
        <div class="form-group">
          <label>年龄：</label>
          <input type="text" id="age" class="age" />
        </div>

        <!-- 性别选择组 -->
        <div class="form-group">
          <label>性别：</label>
          <select id="gender" class="gender">
            <option value="">请选择</option>
            <option value="男">男</option>
            <option value="女">女</option>
          </select>
        </div>

        <!-- 昵称输入组 -->
        <div class="form-group">
          <label>昵称：</label>
          <input type="text" id="nickname" class="nickname" />
        </div>

        <!-- 提交按钮 -->
        <div class="form-group">
          <button type="submit" class="submit-btn">确认修改</button>
        </div>
      </form>
    </div>

    <!-- 引入Axios库，用于发起HTTP请求 -->
    <script src="../lib/axios.min.js"></script>
    <!-- 引入http.js，可能包含自定义的HTTP请求封装 -->
    <script src="../lib/http.js"></script>
    <!-- 引入个人中心页的JavaScript逻辑 -->
    <script src="../js/self.js"></script>
  </body>
</html>